<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城个人中心页面</title>
    <link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
    <div class="box">
        <div class="scrollView">
            <!-- 头部 -->
            <div class="head-chang">
                <div class="jq22-flex">
                    <div class="jq22-user-img">
                        <img src="./assets/img/tx.png" alt="">
                    </div>
                    <div class="jq22-flex-box">
                        <h3>移动端布局</h3>
                    </div>
                    <div class="jq22-btn">
                        <button>
                            <i class="icon icon-in"></i>
                            每日签到
                        </button>
                    </div>
                </div>
            </div>
            <!-- 折扣信息 -->
            <div class="head-top">
                <div class="jq22-flex">
                    <div class="jq22-sml-img">
                        <img src="./assets/img/sd.png" alt="">
                    </div>
                    <div class="jq22-flex-box">
                        <h3>
                            免费试用超级会员30天
                            <img src="./assets/img/ar.png" alt="">
                        </h3>
                        <p>
                            可享95折专享价免邮费每日闪购等权益
                        </p>
                    </div>
                    <div class="jq22-day">
                        30 <em>天</em>
                    </div>
                </div>
            </div>
            <!-- 我的订单 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h3>我的订单</h3>
                    </div>
                    <div class="jq22-arrow">
                        <span>查看全部</span>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-001.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待付款</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-002.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待发货</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-003.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>已发货</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-004.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待评价</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-005.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>售后</h2>
                        </div>
                    </a>
                    </a>
                </div>
            </div>
            <!-- 我的资产 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h3>我的资产</h3>
                    </div>
                </div>
                <div class="jq22-palace">
                    <div class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            ¥0
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>回馈金</h2>
                        </div>
                    </div>
                    <div  class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            ¥12
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>优惠券</h2>
                        </div>
                    </div>
                    <div class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            ¥12
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>积分</h2>
                        </div>
                    </div>
                    <div  class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            ¥12
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>红包</h2>
                        </div>
                    </div>
                    
                </div>
            </div>
            <!-- 会员俱乐部 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h3>会员俱乐部</h3>
                    </div>
                    <div class="jq22-arrow">
                        <span>普通用户</span>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/i2.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>免费领礼券</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/i1.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待发货</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/i3.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>已发货</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/i4.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待评价</h2>
                        </div>
                    </a>
                </div>
            </div>
            <!-- 我的服务 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h3>我的服务</h3>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-010.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>拼团</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-011.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>众筹订单</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-012.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>邀请返利</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-013.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>我的甄选</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-014.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>我的合伙人</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-015.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>优先购</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-016.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>地址</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-017.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>帮助与客服</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-018.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>商务合作</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-019.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>企业采购</h2>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="./assets/img/nav-020.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>设置</h2>
                        </div>
                    </a>
                </div>
            </div>
            <!-- 专属推荐 -->
            <div class="jq22-six-title">
                <h1>专属推荐</h1>
            </div>
            <!-- 商品列表 -->
            <div class="jq22-list-theme-box">
                <a href="javascript:void(0)" class="jq22-list-item">
                    <div class="jq22-list-theme-img">
                        <img src="./assets/img/ad-001.png" alt="">
                    </div>
                    <div class="jq22-list-theme-message">
                        <h3 class="jq22-list-theme-subtitle"> urBeats3代 3D环绕，身临其境！</h3>
                        <div class="jq22-flex">
                            <div class="jq22-flex-box">
                                <h3>
                                    <em>￥</em>648
                                    <i>￥899</i>
                                </h3>
                                <span>满折</span>
                            </div>
                        </div>
                    </div>
                </a>
                <a href="javascript:void(0)" class="jq22-list-item">
                    <div class="jq22-list-theme-img">
                        <img src="./assets/img/ad-002.png" alt="">
                    </div>
                    <div class="jq22-list-theme-message">
                        <h3 class="jq22-list-theme-subtitle"> Beats Solo 3代 无线聆听 尽显本色</h3>
                        <div class="jq22-flex">
                            <div class="jq22-flex-box">
                                <h3>
                                    <em>￥</em>648
                                    <i>￥899</i>
                                </h3>
                                <span>限时打折</span>
                            </div>
                        </div>
                    </div>
                </a>
                <a href="javascript:void(0)" class="jq22-list-item">
                    <div class="jq22-list-theme-img">
                        <img src="./assets/img/ad-003.png" alt="">
                    </div>
                    <div class="jq22-list-theme-message">
                        <h3 class="jq22-list-theme-subtitle"> 刀具三件套 咔咔两下都干掉</h3>
                        <div class="jq22-flex">
                            <div class="jq22-flex-box">
                                <h3>
                                    <em>￥</em>79.8
                                    <i>￥899</i>
                                </h3>
                                <span>限时打骨折</span>
                            </div>
                        </div>
                    </div>
                </a>
                <a href="javascript:void(0)" class="jq22-list-item">
                    <div class="jq22-list-theme-img">
                        <img src="./assets/img/ad-004.png" alt="">
                    </div>
                    <div class="jq22-list-theme-message">
                        <h3 class="jq22-list-theme-subtitle"> 量血压 找我就对了！</h3>
                        <div class="jq22-flex">
                            <div class="jq22-flex-box">
                                <h3>
                                    <em>￥</em>79.8
                                    <i>￥899</i>
                                </h3>
                                <span>打骨折</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- 底部 -->
            <footer class="jq22-footer jq22-footer-fixed">
                <a href="javascript:void(0)" class="jq22-tabBar-item">
                    <span class="jq22-tabBar-item-icon">
                        <i class="icon icon-loan"></i>
                    </span>
                    <span class="jq22-tabBar-item-text">首页</span>
                </a>
                <a href="javascript:void(0)" class="jq22-tabBar-item">
                    <span class="jq22-tabBar-item-icon">
                        <i class="icon icon-credit"></i>
                    </span>
                    <span class="jq22-tabBar-item-text">直播</span>
                </a>
                <a href="javascript:void(0)" class="jq22-tabBar-item">
                    <span class="jq22-tabBar-item-icon">
                        <i class="icon icon-ions"></i>
                    </span>
                    <span class="jq22-tabBar-item-text">发现</span>
                </a>
                <a href="javascript:void(0)" class="jq22-tabBar-item">
                    <span class="jq22-tabBar-item-icon">
                        <i class="icon icon-car"></i>
                    </span>
                    <span class="jq22-tabBar-item-text">购物车</span>
                </a>
                <a href="javascript:void(0)" class="jq22-tabBar-item item-active">
                    <span class="jq22-tabBar-item-icon">
                        <i class="icon icon-mine"></i>
                    </span>
                    <span class="jq22-tabBar-item-text">我的</span>
                </a>
            </footer>
        </div>
    </div>
</body>
</html>